// 1.0 导入vue核心包
import Vue from 'vue';

// 2.0 导入App.vue的vue对象
import App from './App.vue';

//4.0 将vue-router集成到这个项目中来。
import vueRouter from 'vue-router';
//4.1 将vueRouter 对象绑定到Vue 对象上。
Vue.use(vueRouter);

//4.2.1 导入路由规则对用的组件对象。
import home from './components/Home.vue';
import shopcar from './components/shopcar/car.vue';
import newslist from './components/news/newslist.vue';
import newsinfo from './components/news/newsinfo.vue';
import photolist from './components/photo/photolist.vue';
import photoinfo from './components/photo/photoinfo.vue';
import goodslist from './components/goods/goodslist.vue';
import goodsinfo from './components/goods/goodsinfo.vue';
import goodsdesc from './components/goods/goodsdesc.vue';
import goodscomment from './components/goods/goodscomment.vue'

//4.2 定义路由规则。
var router1 = new vueRouter({
    linkActiveClass: 'mui-active', //改变路由激活时的class
    routes: [
        {path: '/', redirect: '/home'},
        {path: '/home',component: home},
        {path: '/shopcar',component: shopcar},
        {path: '/news/newslist', component: newslist},
        {path: '/news/newsinfo/:id', component: newsinfo},
        {path: '/photo/photolist', component: photolist},
        {path: '/photo/photoinfo/:id', component: photoinfo},
        {path: '/goods/goodslist', component: goodslist},
        {path: '/goods/goodsinfo/:id', component: goodsinfo},
        {path: '/goods/goodsdesc/:id', component: goodsdesc},
        {path: '/goods/goodscomment/:id', component: goodscomment}
    ]
})

//5.0 注册mint-ui
import mintui from 'mint-ui';
//5.1 导入mint-ui的css文件
import 'mint-ui/lib/style.min.css';
//5.2 在Vue中全局使用
Vue.use(mintui);

// 6.0 注册mui的css样式。
import '../statics/mui/css/mui.css';

//7.0 导入一个当前系统的全局基本样式。最好放在我们所有的css最后引入。
import '../statics/css/site.css';

//8.0 将vueResource在vue中绑定，自动在vue实例对象上注入一个$http对象，就可以发送ajax请求了。
import vueResource from 'vue-resource';
Vue.use(vueResource);

//9.0 定义一个全局的过滤器实现日起的格式化
import moment from 'moment';
Vue.filter('datefmt', function (input, fmtstring) {
    //使用momentjs这个日期格式化库实现日期的格式化。
    return moment(input).format(fmtstring);
})

//10.0 使用图片预览组件
import VuePreview from 'vue-preview';
Vue.use(VuePreview);

// 3.0 利用Vue对象进行渲染。
new Vue ({
    el: '#app',
    router:router1,
    //render: function (create){create(App)}  //es5的写法
    render:c => c(App)  //es6的函数写法。
})
